<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>订单</title>

    <!--引入资源文件-->
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/static/css/bootstrap-theme.min.css}">
    <link rel="stylesheet" th:href="@{/static/css/mycss.css}">

    <script th:src="@{/static/js/jquery.min.js}"></script>
    <script th:src="@{/static/js/bootstrap.min.js}"></script>
    <style>
        html, body {
            width: 100%;
            height: 100%;
        }

        .orderCondition {
            width: 80%;
            background-color: white;
            margin: 30px auto 30px;
            border-radius: 10px;
            padding: 15px 10px 10px;
            font-size: 20px;
        }

        .returnlable {
            margin: 10px 20px 10px;
        }

        .div1 {
            width: 78%;
            padding: 0 77px 0;
            margin: auto;
        }

        .input1 {
            float: right;
        }

        .form1 {
            margin-bottom: 20px;
        }
        .textview{
            background-color: #EEE;
            padding: 10px;
            border-radius: 10px;
            border: 1px solid #ccc;
        }
    </style>

    <script>
        /*$(function () {
            $("#returnapprove").click(function () {
                let outOrderNum = $('#outOrderNum').val();
                let orderNum = $('#ordernum').val();

                $.ajax({
                    type: "get",
                    async: false,
                    url: "returnapprove",
                    data:{
                        outOrderNum:outOrderNum,
                        order_num:orderNum
                    }
                });
            })

        })*/
    </script>

</head>
<body style="background-color: #eef0f5;">

<div class="returnlable">
    <a th:href="@{/Return}" target="contentpanel"
       style="font-size: 19px">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>返回
    </a>
</div>
<div class="orderCondition">

    <div th:text="智慧园区退货订单详情" style="width: 19%; margin: auto;margin-bottom: 20px"></div>
    <div class="div1">
        <form class="form-inline form1">
            <div class="form-group">
                <label for="ordernum">退货单号</label>
                <input type="text" class="form-control" id="ordernum" th:value="${returnOrder.order_num}" readonly>
            </div>
            <div class="form-group input1">
                <label for="holder">拥有者</label>
                <input type="email" class="form-control" id="holder" th:value="${returnOrder.holder}" readonly>
            </div>
        </form>
        <form class="form-inline form1">
            <div class="form-group">
                <label for="outOrderNum">出库单号</label>
                <input type="text" class="form-control" id="outOrderNum" th:value="${outOrder.order_num}" readonly>
            </div>
            <div class="form-group input1">
                <label for="outOrderWno">出库处理人工号</label>
                <input type="email" class="form-control" id="outOrderWno" th:value="${outOrder.Wno}"
                       readonly>
            </div>
        </form>
        <form class="form-inline form1">
            <div class="form-group">
                <label for="Time">退货时间</label>
                <input type="text" class="form-control" id="Time" th:value="${returnOrder.return_time}" readonly>
            </div>
            <div class="form-group input1">
                <label for="Wno">处理者工号</label>
                <input type="email" class="form-control" id="Wno" th:value="${returnOrder.Wno}" readonly>
            </div>
        </form>
        <form class="form-inline form1">
            <div class="form-group">
                <label for="cargoname">退货货物</label>
                <input type="text" class="form-control" id="cargoname" th:value="${outOrder.cargo_name}" readonly>
            </div>
            <div class="form-group input1">
                <label for="cargoamount">退货数量</label>
                <input type="email" class="form-control" id="cargoamount" th:value="${outOrder.cargo_amount}" readonly>
            </div>
        </form>
        <p th:text="${returnOrder.reason}" class="textview">

        </p>
    </div>


    <div style="width: 23%;margin: auto;">
        <a th:href="@{/returnapprove(outOrderNum=${outOrder.order_num},order_num=${returnOrder.order_num})}" target="contentpanel">
            <button id="returnapprove" type="button" class="btn btn-success" style="width: 90px">批准</button>
        </a>


        <button type="button" class="btn btn-danger" style="margin-left: 57px;width: 90px;">退回</button>
    </div>

</div>
</div>
</body>
</html>